<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, maximum-scale=1.0, user-scalable=1">
    <title>{$title}_散文_散文精选_短篇散文_原创散文_好诗文网</title>
    <meta name="keywords" content="散文;散文诗;散文杂文;散文随笔;鬼故事" />
    <meta name="description" content="散文、原创散文、短篇散文、爱情散文、哲理散文、伤感散文、鬼故事,打造中国最具影响力的开放式诗词网站和社区,为您提供经典的散文、丰富的诗词服务。" />
    <link rel="stylesheet" type="text/css" href="__ROOT__/shiwen/wap/css/mobile.css">
    <script src="__ROOT__/shiwen/wap/js/mobile.js" type="text/javascript"></script>
    <link type="image/x-icon" href="__ROOT__/shiwen/pc/xin/image/okshiwen.ico" rel="icon">
    <style>
        /* 优化后的分页样式 */
        .pagination {
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 25px 0;
            font-family: 'Helvetica Neue', Arial, sans-serif;
        }

        .pagination ul {
            display: flex;
            list-style: none;
            padding: 0;
            margin: 0;
            flex-wrap: wrap;
        }

        .pagination li {
            margin: 0 3px;
        }

        .pagination a,
        .pagination span {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 36px;
            height: 36px;
            padding: 0 2px;
            border: 1px solid #e1e4e8;
            border-radius: 4px;
            color: #3399D5;
            text-decoration: none;
            font-size: 14px;
            font-weight: 500;
            transition: all 0.2s ease;
        }

        .pagination a:hover {
            background-color: #f0f7ff;
            border-color: #cce0f5;
            color: #2679b5;
            transform: translateY(-1px);
        }

        .pagination .active span {
            background-color: #3399D5;
            color: white !important;
            border-color: #3399D5;
            box-shadow: 0 2px 4px rgba(51, 153, 213, 0.2);
        }

        .pagination .disabled span {
            color: #d1d5da !important;
            background-color: #f6f8fa;
            border-color: #e1e4e8;
            cursor: not-allowed;
        }

        /* 响应式调整 */
        @media (max-width: 768px) {
            .pagination li {
                margin: 0 2px;
            }
            .pagination a,
            .pagination span {
                min-width: 32px;
                height: 32px;
                font-size: 13px;
            }
        }
    </style>
</head>
<body>
{include file="wap/index/head" /}
<article>
    <ul class="d1">
        <h1>{$title}</h1>
        {foreach $list as $vo}
        <li><a href="/article/{$vo.id}.html">{$vo.title|mb_substr=0,15,'utf-8'}</a></li>
        {/foreach}
        <div class="m_pageList">
            {$list->render()|raw}
        </div>
    </ul>
</article>
{include file="wap/index/foot" /}
</body>
</html>